Vue のあんまり話題に上がらないがちなライフサイクルフック onActivated, onDeactivated さんたちにお越しいただきました

Vue の lifecycle hooks の中でも結構影薄がちな

onActivated()

onDeactivated()

の 2 つ

<KeepAlive> に関連のある 2 つ

https://scrapbox.io/files/69300ca2fe8e3ec1be29ba2f.png

onActivated()

コンポーネントインスタンスが <KeepAlive> によってキャッシュされたツリーの一部として DOM に挿入された後に呼び出されるコールバックを登録します。

このフックはサーバーサイドレンダリング時には呼び出されません。

onDeactivated()

コンポーネントインスタンスが <KeepAlive> によってキャッシュされたツリーの一部として DOM から削除された後に呼び出されるコールバックを登録します。

このフックはサーバーサイドレンダリング時には呼び出されません。